<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My First Extension</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="cards">
      <div class="card red">
        <img
          id="btn1"
          class="image"
          src="https://mdn.alipayobjects.com/huamei_lvhh23/afts/img/A*31qBQJrdhFUAAAAAQFAAAAgAesHbAQ/original"
          alt=""
        />
        <img
          id="btn2"
          class="image2"
          src="https://mdn.alipayobjects.com/huamei_lvhh23/afts/img/A*4BCNQp8CJoAAAAAAPcAAAAgAesHbAQ/original"
          alt=""
        />
        <p id="textInput">摸鱼一时爽，一直摸鱼一直爽！</p>
      </div>
      <div class="card blue">
        <img
          id="btn3"
          class="image"
          src="https://mdn.alipayobjects.com/huamei_lvhh23/afts/img/A*31qBQJrdhFUAAAAAQFAAAAgAesHbAQ/original"
          alt=""
        />
        <div class="toggleWrapper">
          <input class="input" id="dn" type="checkbox" />
          <label class="toggle" for="dn">
            <span class="toggle__handler">
              <span class="crater crater--1"></span>
              <span class="crater crater--2"></span>
              <span class="crater crater--3"></span>
            </span>
            <span class="star star--1"></span>
            <span class="star star--2"></span>
            <span class="star star--3"></span>
            <span class="star star--4"></span>
            <span class="star star--5"></span>
          </label>
        </div>
        <div id="timeBox1" class="time1">
          距离下班还有：
          <span id="hour" class="timeBox">00</span>
          小时
          <span id="minute" class="timeBox">00</span>
          分钟
          <span id="second" class="timeBox">00</span>
          秒
        </div>
      </div>
      <div class="card green">
        <img
          id="btn4"
          class="image"
          src="https://mdn.alipayobjects.com/huamei_lvhh23/afts/img/A*31qBQJrdhFUAAAAAQFAAAAgAesHbAQ/original"
          alt=""
        />
        <div id="timeBox2">
          <span>距离发工资还有：</span>
          <span id="issue" class="timeBox"></span>
          <span>天</span>
        </div>
      </div>
    </div>
    <script src="jquery.js"></script>
    <script src="popup.js"></script>
  </body>
</html>
